@font-face {

    font-family: "FranklinGothic";

    src: url("https://images.hanlonsonline.co.uk/Newham/fonts/FranklinGothic.ttf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Dosis-Regular";

    src: url("https://images.hanlonsonline.co.uk/Newham/fonts/static/Dosis-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}
#newhamWork {
    background-image: url("https://images.hanlonsonline.co.uk/Our Newham BS5/images/ONW Banner.png");
    height: 636px;
    padding: 100px;
    width: 100%;
    margin-left: 0%;
}

.bannerone {
    width: 169%;
    margin-left: -34%;
}

h1.work-title {
    font-family: "FranklinGothic";
    color: #000;
}

h2.newham-work-title {
    color: #fff;
    padding-bottom: 20px;
    font-family: "FranklinGothic";
    margin-left: 20px;
    margin-top: -483% !important;
}

.newhamwork-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

h2.work-title-two {
    color: #000;
    font-family: "FranklinGothic";
    text-align: center;
    padding-bottom: 15px;
}

img.employment {
    width: 100%;
}

img.apprenticeships {
    width: 100%;
}

img.staff {
    width: 100%;
}

h4.work-title-three {
    text-align: center;
    color: #000;
    font-family: "FranklinGothic";
}

h4.work-title-four {
    text-align: center;
    color: #000;
    font-family: "FranklinGothic";
}

h4.work-title-five {
    text-align: center;
    color: #000;
    font-family: "FranklinGothic";
}

#employ-text {
    text-align: center;
    color: #000;
    font-family: "Dosis-Regular";
    border-bottom: 1px solid #000;
    padding-bottom: 42px;
}

#apprenticeship-text {
    text-align: center;
    color: #000;
    font-family: "Dosis-Regular";
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}

#staff-text {
    text-align: center;
    color: #000;
    font-family: "Dosis-Regular";
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}

h1.home-title.latest-news-title {
    font-family: "FranklinGothic";
    color: #000;
    text-align: center;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
    background: #9fcfaa;
    color: #000;
    font-family: "FranklinGothic";
    font-size: 20px;
}
#homepageContainer {
    width: 100%;
    margin-left: 0%;
}

a#opportunities {
    font-family: "FranklinGothic";
    font-size: 20px;
    margin-left: 41%;
    background: #9fcfaa;
    color: #000;
    border: 1px solid #000;
}

a#opportunities:hover {
    background: #fff;
    transition: 0.6s;
}

.fa-chevron-right:before {
    content: "\f054";
    font-size: medium;
    top: 2.5px;
    position: relative;
}

.panel-primary>.panel-heading {
    background-color: #9fcfaa;
    border-color: #000000;
    font-size: 20px;
    font-family: "FranklinGothic";
    color: #000;
    padding: 10px;
}

.panel-primary {
    border-color: #000;
}

.panel-body {
    padding: 15px;
    font-family: "Dosis-Regular";
    font-size: 18px;
}

.panel-primary {
    border-color: #000;
    min-height: 200px;
}
p.panel-one-text {
    font-family: "Dosis-Regular";
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
p.panel-two-text {
    font-family: "Dosis-Regular";
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
p.panel-three-text {
    font-family: "Dosis-Regular";
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
}
a#residentRegistration {
    font-family: "FranklinGothic";
    font-size: 20px;
    background: #9fcfaa;
    color: #000;
    border: 1px solid #000;
}

a#residentRegistration:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

a#employerRegistration {
    font-family: "FranklinGothic";
    font-size: 20px;
    background: #9fcfaa;
    color: #000;
    border: 1px solid #000;
}

a#employerRegistration:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

a#providerRegistration {
    font-family: "FranklinGothic";
    font-size: 20px;
    background: #9fcfaa;
    color: #000;
    border: 1px solid #000;
}

a#providerRegistration:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

footer#footer {
    background: #9fcfaa !important;
}

a#footerLinks {
    color: #000 !important;
    font-family: "FranklinGothic";
}

a#footerLinksOne {
    color: #000 !important;
    font-family: "FranklinGothic";
}

a#footerLinksTwo {
    color: #000 !important;
    font-family: "FranklinGothic";
}

a#ChangeCookiePreferences {
    color: #000 !important;
    font-family: "FranklinGothic";
}

p#footerTextOne {
    color: #000 !important;
    font-weight: 600;
}

p#footerTextTwo {
    color: #000 !important;
    font-weight: 600;
}

p#footerTextThree {
    color: #000 !important;
    font-weight: 600;
}

p#footerTextFour {
    color: #000 !important;
    font-weight: 600;
}

p#poweredby_p {
    color: #000 !important;
    font-weight: 600;
    font-family: "Dosis-Regular";
    font-size: 20px;
}

a#hanlonClient {
    color: #000 !important;
    text-decoration: underline;
}

a.login-link {
    background: #9fcfaa !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    font-family: "FranklinGothic"
}

a.register-link {
    background: #9fcfaa !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    font-family: "FranklinGothic"
}

p#newham-work-paragraph {
    margin-top: 40px;
}

.nav-mid a:hover {
    border-bottom: 1px solid #000;
    transition: 0.6s;
    background: #9fcfaa;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #9fcfaa;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    text-align: center;
}

.vacancy-panel-title {
    font-family: "FranklinGothic";
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

hr.vacancy-panel-divider {
    border-top: 2px dashed #000000;
}

.vacancy-panel-type {
    color: #000;
}

.vacancy-panel-address {
    color: #000;
}

.vacancy-panel-closingdate {
    color: #000;
}

.panel-body.vacancy-panel-body {
    border: 4px solid #9fcfaa;
}

div#panelOne {
    border: 2px solid #000;
}

div#panelTwo {
    border: 2px solid #000;
}

div#panelThree {
    border: 2px solid #000;
}

a.btn.btn-primary.vacancy-panel-applybutton.link {
    font-size: 20px;
    background: #9fcfaa;
    color: #000;
    border-color: #000;
}

a.btn.btn-primary.vacancy-panel-applybutton.link:hover {
    background: #fff;
    transition: 0.6s;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: "Dosis-Regular";
    font-size: 20px;
}
img.signpostImg {
    width: 100%;
}
.vacancy-panel-description {
    display: none;
}
@media screen and (min-device-width: 1537px) and (max-device-width: 1920px) {
img.homepage-logo {
    margin-left: 41%;
}
#homepageContainer {
    width: 100%;
    margin-left: 15%;
}
}
@media only screen and (max-width: 1536px) {
    h2.newham-work-title {
        margin-top: -601% !important;
    }
    img.signpostImg {
        width: 100%;
    }
}

@media only screen and (max-width: 1536px) {
    #homepageContainer {
        width: 100%;
        margin-left: 0%;
    }
    #newhamWork {
        height: 636px;
        padding: 100px;
        width: 117%;
        margin-left: -17%;
    }
    #employ-text {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 1440px) {
    #homepageContainer {
        width: 100%;
        margin-left: 0%;
    }
    #newhamWork {
        width: 100%;
        margin-left: 0%;
    }

    #employ-text {
        padding-bottom: 42px;
    }

    a#opportunities {
        margin-left: 38%;
    }

    .panel-primary>.panel-heading {
        font-size: 15px;
    }


    h2.newham-work-title {
        margin-top: -568% !important;
    }
}
@media only screen and (min-width:1025px) and (max-width:1440px){
    .justify-content-center {
        left: 350px;
    }
}
@media only screen and (max-width: 1024px) {
    img.homepage-logo {
        margin-left: 0%;
    }

    #newhamWork {
        width: 100%;
        margin-left: 0%;
    }
    #staff-text {
        padding-bottom: 48px;
    }
}

@media only screen and (max-width: 768px) {
    img.homepage-logo {
        margin-left: 28%;
    }

    a#opportunities {
        margin-left: 30%;
    }

    #newhamWork {
        width: 105%;
        margin-left: -5%;
    }

    h2.newham-work-title {
        margin-top: -1257% !important;
    }
    #newhamWork {
        height: 270px !important;
        background-size: cover !important;
    }
    #apprenticeship-text {
        padding-bottom: 47px;
    }
    #employ-text {
        padding-bottom: 98px;
    }
}

@media only screen and (max-width: 425px) {
    img.homepage-logo {
        margin-left: 10%;
    }

    a#opportunities {
        margin-left: 15%;
    }
    p#newham-work-paragraph {
        padding-left: 30px;
    }
    a.register-link {
        margin-top: -38%;
        margin-left: 0%;
    }
    #newhamWork {
        height: 200px !important;
        background-size: cover !important;
    }
    nav.navbar.navbar-expand-lg.main-nav {
        width: 100%;
        left: 0;
    }
}

@media only screen and (max-width: 375px) {
    h2.newham-work-title {
        margin-top: -1186% !important;
    }
}

@media only screen and (max-width: 320px) {
    li#register-btn-white {
        margin-top: -39%;
        margin-left: 0%;
    }
    img.homepage-logo {
        margin-left: 0%;
    }
}